<template>
  <div>
    <!-- <pb-table :column="bominfoColumn" :tableData="dishbominfoData" show-summary>
      <template #price></template>
</pb-table> -->
    <el-table :data="dishbominfoData" show-summary>
      <el-table-column type="index" label="序号" width="120" />
      <el-table-column prop="ingredientsTypeName" label="配料分组" width="180" />
      <el-table-column prop="spuCommonlyName" label="SPU名称" />
      <el-table-column prop="skuName" label="SKU名称" />
      <el-table-column prop="weight" label="配量(g/份)" />
      <el-table-column prop="recoveryRate" label="出成率" />
      <el-table-column prop="price" label="单价(kg/元)" />
      <el-table-column prop="cost" label="成本(元)" />
    </el-table>
  </div>
</template>

<script lang="ts" setup>
import { GetBomdishPageListApi } from '@/api/Dashmana'
const props = defineProps({
  Bomdata: {
    type: Object,
    default: {}
  }
})
const getBomlistfn = () => {
  GetBomdishPageListApi({
    "currentPage": 1,
    "pageSize": -1,
    "sortingFields": [
      {
        "field": "",
        "order": ""
      }
    ],
    "dishId": props.Bomdata.dishId
  }).then((res: any) => {
    dishbominfoData.value = res.data.records
  })
}
const dishbominfoData = ref([
])
onMounted(() => {
  getBomlistfn()
})
</script>

<style lang="scss" scoped></style>
